<template>
	<view>
		<match v-if="PageCur=='match'"></match>
		<clubsoci v-if="PageCur=='clubsoci'"></clubsoci>
		<user v-if="PageCur=='user'"></user>
		<view class="cu-bar tabbar bg-white foot hide">
			<view class="action"  @click="NavicatTo" data-cur="match">
				<view class="cuIcon-cu-image">
					<image :src="'/static/tabbar/basics'+[PageCur=='match'?'_cur':'']+'.png'"></image>
				</view>
				<view :class="PageCur=='match'?'text-green':'text-gray'">赛事</view>
			</view>
			<view class="action"  @click="NavicatTo" data-cur="clubsoci">
				<view class="cuIcon-cu-image">
					<image :src="'/static/tabbar/component'+[PageCur=='clubsoci'?'_cur':'']+'.png'"></image>
				</view>
				<view :class="PageCur=='clubsoci'?'text-green':'text-gray'">俱/协</view>
			</view>
			<view class="action" @click="NavicatToUser" data-cur="user">
				<view class="cuIcon-cu-image">
					<image :src="'/static/tabbar/about'+[PageCur=='user'?'_cur':'']+'.png'"></image>
				</view>
				<view :class="PageCur=='user'?'text-green':'text-gray'">我的</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				PageCur:'match'
			}
		},
		methods: {
			NavicatTo:function(e){
				this.PageCur=e.currentTarget.dataset.cur;
			},
			NavicatToUser:function(e){
				this.PageCur=e.currentTarget.dataset.cur;
			},
		}
	}
</script>

<style>
</style>
